@charset "utf-8";
/* CSS Document */
.clear{clear:both}
*{padding:0;margin:0} 
a{cursor: pointer;}
body{padding:10px;color:#900;background:#FFF;line-height:16px;font-family:Arial, Helvetica, sans-serif;font-size:12px}
#wapper{width:1000px;margin:auto}
#header{border:#000 1px solid;padding:10px;text-align:center;background-color:#0f3e5f}
#header li{display:inline;padding:0 20px;border-right:#FFF 2px solid;color:#FFF}
#header li a{font-size:16px;text-decoration:none;text-transform:capitalize;color:#FFF;font-weight:bold}
#header li a:hover{text-decoration:underline}
#header li.last_item{border:none}

#content{border:#d6e5f5 2px solid;padding:10px;text-align:center;background-color:#fcfcfc;margin-top:10px;display:block}
.myform table td{padding:2px;text-align: left;}
.myform table td p{cursor: pointer;}
.myform table td p:hover{text-decoration: underline;}
.myform input,select,button{padding:2px;color:#900}

.myform textarea{overflow:hidden;padding:5px;color:#900;font-size:12px;font-weight:100;font-family:Arial, Helvetica, sans-serif}

.myform input.button {
	padding:3px 20px;
	}
.listCustomer {border-left:#333 1px solid}
.listCustomer td{padding:5px;border-right:#333 1px solid;border-bottom:#333 1px solid;text-align:left}	
.listCustomer tr.row2{background-color:#d6e5f5;color:#000}
.listCustomer th{background-color:#333;color:#FFF;padding:5px;text-align:left}

.listBook {border-left:#333 1px solid;width: 49%;float: left;margin-left: 2px;margin-bottom: 3px;}
.listBook td{padding:2px;border-right:#333 1px solid;border-bottom:#333 1px solid;text-align:left}	
.listBook tr.row2{background-color:#d6e5f5;color:#000}
.listBook th{background-color:#333;color:#FFF;padding:2px;text-align:left}
	
.topborder{border-top: solid 1px;}	
.customerheader{background: #699;height: 30px;line-height:30px }
.customernote{background: #699;line-height:18px }
.customerheader h2 {text-align:left;padding-left: 20px}	
.customerheader span,#content table span{text-decoration: underline;color: black;cursor: pointer;}
.customerheader span:hover,#content table span:hover{text-decoration: none;color: blue;}
	
.childtable{width: 100%;float: left;}
.errorbox {border:#900 1px solid;padding:5px;text-align:left;background-color:#FFF;margin-top:5px;display:block;color:#F00}
/*.errorbox {text-align:left;color: red;float: left;margin: 5px;padding: 5px;border: 1px solid #900;line-height: 20px;width: 98%;}*/
.paginationControl {float: right;margin: 5px;color: blue;}
.paginationControl a{color: blue;text-decoration: none;} 
.paginationControl a:hover{color: red;}
a.add{text-decoration: none;}
.center{text-align: center;font-weight: bold;!important;}

/*Overplay Customer Form*/
.modal {
		background-color:#fff;
		display:none;
		width:auto;
		padding:15px;
		text-align:left;
		border:2px solid #333;
	
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		-moz-box-shadow: 0 0 50px #ccc;
		-webkit-box-shadow: 0 0 50px #ccc;
	}
	
	.modal h2 {
		margin:0px;
		padding:10px 0 10px 45px;
		border-bottom:1px solid #333;
		font-size:20px;
	}

	/* error message */
.error {
	/* supply height to ensure consistent positioning for every browser */
	border:1px solid #E1E16D;

	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;

	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}
.editAppTable {width: 400px;border-left: 1px solid;border-top: 1px solid;}
.editAppTable tr th {background: #333;color: white;}
.editAppTable tr th,td {padding: 3px;border-bottom: 1px solid;border-right: 1px solid;}

	
